
/*
	HTML TAGS
	
	These are normal html tags that are displayed differently
*/

html {
	font-family: 			'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	font-size: 				89%;
}

body {
	height: 				100%;
	padding:				0px;
	margin:					0px;
}

dl {
	margin:	 				0px 0px 0px 0px;
}

dd {
	margin:					0px 0px 0px 10px;
}

h1, h2, h3 {
	margin:					0px 0px 0px 0px;
	padding:				0px 0px 0px 30px;
	color:					#fafafa;
}

h4 {
	color:					#73d4f7;
	font-size:				1.4em;
	padding:				0px 0px 0px 30px;
	margin:					0px;
	border-bottom:			2px dashed #73d4f7;
}

table {
	width:					100%;
	border-spacing:			0px;
	text-align:				center;
	
	-webkit-border-radius: 	6px;
	-moz-border-radius: 	6px;
	border-radius:			6px;
}

td {
	padding:				5px;
}

input[type='text'] {
	width:					68%;
	height:                 12px;
    padding:                5px;
    margin-left:			5px;
    border:                 1px solid #E5E5E5;
}

input[type="checkbox"], input[type="radio"] {
	margin:					0px 10px 0px 0px;
}

select {
	width:					100%;
}

td label {
	display:				block;
	padding:				0px 0px 0px 0px;
}

/*
	ID'S
	
	Most of these are used for the page layout
*/

#header {
	margin:					10px 0px 0px 0px;
	width: 					1000px;
	height: 				100px;
	background-color: 		#73d4f7;
	
	-webkit-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius:			8px;
	
	-moz-box-shadow: 		0px 2px 3px #888;
	-webkit-box-shadow: 	0px 2px 4px #888;
	box-shadow: 			0px 2px 5px #888;
	
	background: 			-webkit-gradient(linear, left top, left bottom, from(#b2e8fc), to(#73d4f7)); /* for webkit browsers */
	background: 			-moz-linear-gradient(top,  #b2e8fc,  #73d4f7); /* for firefox 3.6+ */ 
}

#header img {
	margin:					40px 0px 0px 10px;
}

.json_status {
	display:				block;
	margin:					75px 15px 0px 0px;
}

.online {
	color:					lightgreen;
}

.offline {
	color:					red;
}

#wrapper {
	margin:					auto auto;	
	min-height: 			600px;
	background-color: 		white;
	width: 					1000px;
}

#footer {
	margin:					10px 0px 20px 0px;
	padding:				0px;
	width:	 				1000px;
	height: 				38px;
	background-color: 		#73d4f7;
	
	-webkit-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius:			8px;
	
	-moz-box-shadow: 		0px 2px 3px #888;
	-webkit-box-shadow: 	0px 2px 4px #888;
	box-shadow: 			0px 2px 5px #888;
	
	background: 			-webkit-gradient(linear, left top, left bottom, from(#b2e8fc), color-stop(40%, #73d4f7)); /* for webkit browsers */
	background: 			-moz-linear-gradient(top,  #b2e8fc,  #73d4f7 40%); /* for firefox 3.6+ */ 
}

#footer span {
	margin:					12px 40px 0px 40px;
	color:					#fafafa;
}

#content_left {
	margin:					3px 0px 0px 0px;
	float: 					left;
	width: 					24%;
}

#menu {
	/* the menu block */
}

#tag_cloud {
	/* the tag cloud block */
}

.block_left {
	margin: 				10px 0px 0px 0px;
	padding:				2px 4px 4px 4px;
  	display: 				block;
  	background-color: 		#73d4f7;
  	
  	-webkit-border-radius: 	8px;
	-moz-border-radius: 	8px;
	border-radius:			8px;
	
	background: 			-webkit-gradient(linear, left top, left bottom, from(#b2e8fc), color-stop(14%, #73d4f7)); /* for webkit browsers */
	background: 			-moz-linear-gradient(top,  #b2e8fc,  #73d4f7 14%); /* for firefox 3.6+ */ 
}

.block_left_content {
	background-color:		#fff;
	margin:					0px 0px 0px 0px;
	padding:				5px 5px 5px 5px;
	
	-webkit-border-radius: 	6px;
	-moz-border-radius: 	6px;
	border-radius:			6px;
}

#content_right {
	float: 					right;
	width: 					74%;
	margin: 				13px 0px 0px 0px;
	padding:				2px 4px 4px 4px;
	min-height: 			400px;
	background-color: 		#73d4f7;
		
	-moz-border-radius: 	8px;
	-webkit-border-radius: 	8px;
	border-radius:			8px;
	
	background: 			-webkit-gradient(linear, left top, left bottom, from(#b2e8fc), color-stop(5%, #73d4f7)); /* for webkit browsers */
	background: 			-moz-linear-gradient(top,  #b2e8fc,  #73d4f7 5%); /* for firefox 3.6+ */ 
}

#content {
	margin: 				0px 0px 0px 0px;
	padding:				10px 15px 10px 15px;
	min-height: 			400px;
	background-color:		#fff;
	text-align:				justify;
		
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	border-radius:			6px;
}

#top_accounts_list {
	margin:					6px 0px 0px 16px;
	font-size:				16px;
}

/*
	CLASSES

	Some of these are small and are to be used for simple modifications.
	Some of these are quite a bit larger, you'll see ^^
*/

.sub_content {
	margin:					30px 0px 20px 0px;
	padding:				10px 10px 10px 10px;
	border:					3px solid #73d4f7;
	
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	border-radius:			6px;
}

.sub_content_left {
	margin:					0px;
	padding:				0px;
	border:					3px solid #73d4f7;
	float:					left;
	width:					300px;
	height:					347px;
	
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	border-radius:			6px;
}

.sub_content_right {
	margin:					0px;
	padding:				0px;
	float:					right;
	width:					375px;
	height:					347px;
	
	border:					3px solid #73d4f7;
	
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	border-radius:			6px;
}

.tweet {
	min-height:				60px;
	vertical-align:			baseline;
	border-top:				2px dashed grey;
	padding:				10px;
}

.tweet:nth-child(1) {
	border:					none;
}

.tweet_account {
	color:					#73d4f7;
	display:				block;
}

.tweet_image {
	min-height:				80px;
	min-width:				80px;
	padding:				0px 0px 0px 0px;
}

.tweet_image img {
	margin-top:				10px;
	height:					60px;
	width:					60px;
}

.tweet_message {
	display:				block;
	margin:					0px;
}

.tweet_datetime {
	color:					grey;
}

.clear { 
	clear: 					both;
}

.left {
	float:					left;
}

.right {
	float:					right;
}

.no_style {
	text-decoration: none;	
}

.tag_button {
	-moz-border-radius: 	6px;
	-webkit-border-radius: 	6px;
	border-radius:			6px;	
	
	background: 			-webkit-gradient(linear, left top, left bottom, from(#b2e8fc), color-stop(5%, #73d4f7)); /* for webkit browsers */
	background: 			-moz-linear-gradient(top,  #b2e8fc,  #73d4f7 5%); /* for firefox 3.6+ */ 
	
	-moz-box-shadow: 		0px 2px 3px #888;
	-webkit-box-shadow: 	0px 2px 4px #888;
	box-shadow: 			0px 2px 5px #888;
	
	color:					#ffffff;
	
	padding: 				4px 4px 4px 4px;
	background-color:		#73d4f7;
}

.word {
	font-family: 	'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
  	padding: 4px 4px 4px 4px;
  	letter-spacing: 3px;
  	text-decoration: none;
  	font-weight: normal;
  }
  .size9 {
  	color: #000;
  	font-size: 30px;
  }
  .size8 {
  	color: #111;
  	font-size: 28px;
  }
  .size7 {
  	color: #222;
  	font-size: 26px;
  }
  .size6 {
  	color: #333;
  	font-size: 24px;
  }
  .size5 {
  	color: #444;
  	font-size: 22px;
  }
  .size4 {
  	color: #555;
  	font-size: 20px;
  }
  .size3 {
  	color: #666;
  	font-size: 18px;
  }
  .size2 {
  	color: #777;
  	font-size: 16px;
  }
  .size1 {
  	color: #888;
  	font-size: 10px;
  }